<div data-page="morecomment" class="page">
    <div class="page-content hide-bars-on-scroll">
        <!--<div class="toolbar" style="width: 40px;height: 40px;background-color: red;position: absolute;left: 80%;top: 80%;    z-index: 200;"></div>-->
        <div class=" hide-bars-on-scroll comment-infinite-scroll infinite-scroll" data-distance="50">
            <div class="content-block" style="background-color: #efeff4;padding:0 !important;margin-top: 0px">
                {{#if comments}}
                    <div class="list-block media-list ">
                        <div class="list-group cinema-group movie-group">
                            <ul class="nobackground movie">
                                {{#with comments}}
                                    {{#each this}}
                                        <li>
                                            <div class="item-content " data-id="{{id}}">
                                                <div class="item-title-row" style="width: 100%">
                                                    <div style="width: 70%">
                                                        <img src={{headimgurl}} alt="" class="headimg"
                                                             style="    float: left;    width: 30px;    height: 30px;    border-radius: 50%;margin-top: 5px"/>
                                                        <div class="inline-center"
                                                             style="color:#7EC0EE;padding-top: 0px">{{nickname}}  </span> </div>
                                                        <div class="date-comment">{{create_time}}</div>

                                                        {{#if cm_id}}
                                                            <div></div>
                                                        {{else}}
                                                            <div class="star-{{score}}"></div>
                                                        {{/if}}
                                                    </div>
                                                    <div class="agree" style="float: right;margin-right: 5px">

                                                    <span class="inline-center" id="like"
                                                          style="float: right;vertical-align: middle; margin-left: 3px !important;">{{sums}}</span>
                                                        {{#if agreed}}
                                                            <div class="agreeimg agree-like" data-id="{{id}}" 0
                                                                 style="float: right;width: 20px;height: 20px;vertical-align: middle;margin-top: 12px"></div>
                                                        {{else}}
                                                            <div class="agreeimg agree-common" data-id="{{id}}"
                                                                 style="float: right;width: 20px;height: 20px;vertical-align: middle;margin-top: 12px"></div>
                                                        {{/if}}
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="item-content">
                                                <div style="display: block">
                                                    <p class="detail comment-left"
                                                       style="-webkit-line-clamp:7  ;">{{comment}}</p>
                                                </div>
                                                <br/>
                                            </div>
                                            <a href="replycomment?mname={{nickname}}&cid={{id}}&mid={{mid}}"
                                               class="comment-left"
                                               style="color: #0a6ebd;display: block;margin-left: 10px">回复</a>
                                        </li>

                                    {{/each}}
                                {{/with}}
                            </ul>
                        </div>
                    </div>
                    <p></p>
                {{else}}
                    <p>暂无影评...</p>
                {{/if}}
            </div>

            <!-- 加载提示符 -->
            <div class="comment-infinite-scroll-preloader infinite-scroll-preloader">
                <div style="color: gray;padding:auto">上拉加载更多</div>
            </div>
        </div>
    </div>

    <div class="toolbar">
        <div class="toolbar-inner">
            <a href="newcomment?mid={{mid}}" class="link">添加评论</a>
        </div>
    </div>
    <!--<div class="red" style="background-color: red;width: 40px;height: 40px;border-radius: 50%; position: fixed"></div>-->
</div>
